<template>
<div>
    <div class="pay-header">
        <div class="back"></div>
        <p>支付</p>
    </div>
    <div class="pay-content">
        <div class="order">
            <div class="number">订单编号： <span>20171127654987</span></div>
            <div class="sum">支付金额： <span>&yen; 188.00</span></div>
        </div>
        <div class="mode">
            <div class="title">选择支付方式</div>
            <label><img src="./img/alipay.png" alt="alipay.png">支付宝支付<input type="checkbox"><i></i></label>
            <label><img src="./img/wechat.png" alt="wechat.png">微信支付<input type="checkbox"><i></i></label>
            <label><img src="./img/add-to.png" alt="add-to.png">添加银行卡<input type="checkbox"><i></i></label>
        </div>
    </div>
    <div class="pay-bottom">
        <div class="left">合计：<span>&yen;188.00</span></div>
        <div class="right">立即支付</div>
    </div>
</div>
</template>

<script>
    export default {
        
    }
</script>

<style scoped lang="less">
@import './css/pay.less';
</style>